import { FC } from 'react'
import { 
  Input, Table, Button 
} from 'antd'
import styled from 'styled-components'

const Micro = styled.div`
  width: 1000px;
  height: 100%;
  padding: 10px 50px 20px 50px;
`

interface DataType {
  key: React.Key;
  name: string;
  status: string;
  shop: string
}
const columns = [
  {
    title: '微店名称',
    dataIndex: 'name',
    key: 'name',
    width: 200,
  },
  {
    title: <Input />,
    dataIndex: 'status',
    key: 'status',
    width: 800,
  },
]

const data = [
  {
    name: '微店logo',
    key: 'shop',
    shop: '上传一张,建议尺寸640*640px',
  },
  {
    name: '微店展示图库',
    key: 'status',
    status: '上传一张,建议尺寸640*640px',
  },
]

const AppStore: FC = () => {
  return (
    <Micro>
      <Table columns={columns} dataSource={data} pagination={false} bordered className='table'/>
      <Button type="primary" danger className='appdata-button' >提交</Button>
    </Micro>
  )
}
 
export default AppStore